*{
    margin: 0;
    padding: 0;
}
.app{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100vh;
    width: 100vw;
}
.img_div{
    width: 40vmin;
    height: 40vmin;
    background: #d4e9f0;
    margin: 0 auto;
    z-index: -2;
    position: relative;
}
.hair1{
    position: absolute;
    width: 24vmin;
    height: 13vmin;
    border-radius: 1vmin;
    background-color: #334a52;
    border-top-left-radius: 11.1vmin;
    border-top-right-radius: 11.1vmin;
    top: 12.3vmin;
    left: 8vmin;
    transform: perspective(1em) rotateX(-3deg);
}
.hair2{
    width: 12vmin;
    height: 10vmin;
    position: absolute;
    background-color: #fffade;
    border-radius: 50%;
    left: 9.5vmin;
    top:18vmin;
}
.hair3{
    width: 12vmin;
    height: 10vmin;
    position: absolute;
    background-color: #fffade;
    border-radius: 50%;
    left: 18.5vmin;
    top:18vmin;
}
.hair4{
    position: absolute;
    height: 16vmin;
    width:0.5vmin ;
    background-color: #334a52;
    border-color: transparent transparent #334a52 transparent;
    top: 18vmin;
    left: 10vmin;
}
.hair5{
    position: absolute;
    height: 16vmin;
    width:0.5vmin ;
    background-color: #334a52;
    border-color: transparent transparent #334a52 transparent;
    top: 18vmin;
    left: 29.5vmin;
}
.hair6{
    position: absolute;
    height: 8vmin;
    width:6vmin ;
    background-color: #334a52;
    top: 7vmin;
    left: 17.2vmin;
    border-top-left-radius: 6vmin;
    border-top-right-radius: 6vmin;
}
.face1{
    z-index: -1;
    position: absolute;
    width: 20vmin;
    height: 20vmin;
    top: 15vmin;
    background: #fffade;
    left: 10vmin;
    border-radius: 5vmin;
    border-bottom-left-radius: 50vmin;
    border-bottom-right-radius: 50vmin;
    border-top-left-radius: 10vmin;
    border-top-right-radius: 10vmin;
}
.ear1{
    position: absolute;
    width: 3vmin;
    height: 5vmin;
    transform: perspective(2em) rotateX(-7deg);
    background-color: #fffade;
    top:23vmin;
    border-top-right-radius: 5vmin;
    border-bottom-right-radius: 5vmin;
    left:29vmin;
    z-index: -1;
}
.ear2{
    position: absolute;
    width: 3vmin;
    height: 5vmin;
    transform: perspective(2em) rotateX(-7deg) rotateY(180deg);
    background-color: #fffade;
    top:23vmin;
    border-top-right-radius: 5vmin;
    border-bottom-right-radius: 5vmin;
    left:8vmin;
    z-index: -1;
}
.eyebrows1{
    width: 5vmin;
    height: 0.5vmin;
    color: #000;
    background-color: #000;
    /*border-top-width: 0.5vmin;
    border-bottom-width: 0.5vmin;*/
    border-color: #000;
    border:solid #000 0.1vmin;
    position: absolute;
    top:22.5vmin;
    left: 12.5vmin;
    transform:perspective(1em) rotateX(45deg) rotateY(15deg) ;
}
.eyebrows2{
    width: 5vmin;
    height: 0.5vmin;
    color: #000;
    background-color: #000;
    /*border-top-width: 0.5vmin;
    border-bottom-width: 0.5vmin;*/
    border-color: #000;
    border:solid #000 0.1vmin;
    position: absolute;
    top:22.5vmin;
    left: 22vmin;
    transform:perspective(1em) rotateX(45deg) rotateY(-15deg) ;
}
.eye1{
    position: absolute;
    height: 3vmin;
    width: 5vmin;
    border-bottom-left-radius: 5vmin;
    border-bottom-right-radius: 5vmin;
    background-color: #fff;
    transform:rotate(0deg) ;
    top:23.5vmin;
    left: 23vmin;
}
.eye2{
    position: absolute;
    height: 3vmin;
    width: 5vmin;
    border-bottom-left-radius: 5vmin;
    border-bottom-right-radius: 5vmin;
    background-color: #fff;
    transform:rotate(0deg) ;
    top:23.5vmin;
    left: 11.5vmin;
}
.eye3{
    width: 2vmin;
    height: 2vmin;
    background-color: #000;
    position: absolute;
    border: 50%;
    top:24vmin;
    left: 24.7vmin;
    border-radius: 50%;
}
.eye4{
    width: 2vmin;
    height: 2vmin;
    background-color: #000;
    position: absolute;
    border: 50%;
    top:24vmin;
    left: 13vmin;
    border-radius: 50%;
}
.mouth1{
    position: absolute;
    background-color:#ff4343 ;
    width: 3vmin;
    height: 0.4vmin;
    transform:perspective(0.2em) rotateX(-15deg) ;
    border-bottom-left-radius: 0.4vmin;
    border-bottom-right-radius: 0.4vmin;
    top:32vmin;
    left: 18.5vmin;
}
